  <template>
  <div id="boxx" style="top: 18%;
    position: absolute;
    left: 5%;">
    <el-table
      :data="tableData"
      style="width: 100%  " size=mini border=true color='#000'>
      <el-table-column
        prop="date"
        label="日期"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="液面高度"
        width="180">
      </el-table-column>
    </el-table>
  </div>
  </template>

  <script>
    export default {
      data() {
        return {
          tableData: [{
            date: '2016-05-02',
            name: '0.1'
          }, {
            date: '2016-05-04',
            name: '0.1'
          }, {
            date: '2016-05-01',
            name: '0.1'
          }, {
            date: '2016-05-03',
            name: '0.1'
          }]
        }
      }
    }
  </script>

<style lang="scss" scoped>
/*最外层透明*/
::v-deep .el-table, ::v-deep .el-table__expanded-cell{
  background-color: transparent;
  color:white;
}
/* 表格内背景颜色 */
::v-deep .el-table th,
::v-deep.el-table tr,
::v-deep .el-table td {
  background-color: transparent;
  color:white;
}
 </style>
